import { useState } from 'react';
import { Layout } from 'antd';
import Content from './content/content';
import Header from './header/header';
import Sider from './sider/sider';
const Main = () => {
  const [collapsed, setCollapsed] = useState(false);
  return (
    <div className="h-full flex">
      <Sider collapsed={collapsed} />
      <Layout>
        <Header collapsed={collapsed} setCollapsed={setCollapsed} />
        <Content />
      </Layout>
    </div>
  );
};

export default Main;
